<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>wedding</title>
		<style>
			*{
				margin: 0;
			}
			img{
				vertical-align: bottom;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.bd{
				border: 1px solid red;
			}
			.w{
				width: 1081px;
				margin: 0 auto;
			}
			
			.ad{
				margin: 0 auto;
				width: 1080px;
			}
			.ad1{
				padding: 15px;
			}
			.ad2{
				
			}
			/* 以下是banner区 */
			.banner{
				height: 555px;
				padding-top: 15px;
			}
			.banner_ad{
				margin-top:15px ;
			}
			.banner_ad div:nth-child(2){
				padding: 0 15px;
			}
			.banner_r{
				width: 300px;
			}
			/*以下是main区*/
			.main{
				
			}
            .title{
				border-bottom: 2px solid #f4f3ef;
				padding-top: 35px ;
				height: 42px;
			}		
			.title h3{
				font-family: "黑体";
				font-size: 24px;
				line-height: 42px;
			}
			.brand{
				padding-top: 15px;
				height: 460px;
			}
			.brand .fl{
				/* width: 259px; */
				padding-right: 15px;
			}
			.brand .fl:nth-child(4){
				padding-right: 0;
			}
			
			/*以下是style区*/
		    .style{
				height: 625px; 
			}
			.style_r .fl{
				padding-top: 15px;
				padding-right: 15px;
			}
			.style_r .fl:nth-child(3){padding-right: 0px;}
			.style_r .fl:nth-child(6){padding-right: 0px;}
			.style_r .fl:nth-child(9){padding-right: 0px;}
		    .style_l{
				width: 375px;
				padding-right: 15px;
				padding-top: 15px; 
			}
			.style_l .fl{
				padding-top: 15px; 
			}
		    
			/* 以下是pink区 */
		     .style_l .pink{
		     	background-color: #ff6783;
		     	width: 375px;
		     	height: 220px;
		     }
		     .style_l .pink .p1{
		     	border-bottom: 2px solid #ff798a;
		     	height: 80px;
		     	
		     }
		     .style_l .pink .p1 h4{
		     	  font-family: "黑体";
		     	  padding-top: 19px;
		     	  color: #fbfffb;
		     	  font-size: 22px;
		           height: 19px;
		     	  text-indent: 5%;
		     }
		     .style_l .pink .p1 p{
		     	font-size: 12px;
		     	line-height: 29px;
		     	color: #fffdff;
		     	text-indent: 5%;
		     }
		     .style_l .pink .p2{
		     padding-top: 7px;
		     }
		     .style_l .pink .p2 p{
		     	height: 20px;
		     	background-color: #FBFFFB;
		     	font-size: 13px;
		     }
		     .style_l .pink .p2 div:nth-child(1){
		     	padding-left: 20px;
		     }
		     .style_l .pink .p2 div:nth-child(5){
		     	padding-left: 20px;
		     }
		     .style_l .pink .p2 div:nth-child(8){
		     	padding-left: 20px;
		     }
		     .style_l .pink .fl {
		     	padding-right: 15px;
		     	padding-top: 15px;
		     }
		     .style_l .pink .fl h4{
		     	background-color: #ffffff;
		     	color: #ff4a60;
		     	height: 20px;
		     	font-size: 14px;	
		     	padding: 0 5px;
		     	border-radius: 3px ;
		     	}
		
			 /* 以下user区 */
			.user{
					height: 173px;
					width: 1081px;
				 }
			.word{ 
					 padding-top: 50px;
					}
			.word w1{
				     font-family: "黑体";
					 color: #FF0000;	
					 font-size: 18px;
					 line-height:18px; }
			.user .fl{
					 padding-top:19px;
						 }
			.user div:nth-child(1){padding-right: 42px;}
			.user div:nth-child(3){padding-right: 42px;}
			.user div:nth-child(5){padding-right: 39px;}
			.user div:nth-child(2){padding-right: 15px;}
			.user div:nth-child(4){padding-right: 18px;}
			.user div:nth-child(6){padding-right: 15px;}
			 /* 以下是wedding区 */
			.word2{
					padding-top: 23px; 
					}
			.word2 w2{
					 font-family: "黑体";
					 color: #FF0000;	
					 font-size: 16px;
					 line-height:18px; }
			.word3{
					 padding-top: 7px;
					} 
			.word3 w3{
					 font-family: "黑体";	
					 font-size: 13px;
					 line-height:13px;
			}
			.wedding{height: 561px; }
			.wedding_l{
					 width: 341px;
					 padding-right: 29px;
					 padding-top: 15px;
						}
			.wedding_l div:nth-child(4){
					 padding-bottom: 11px;
					 padding-top: 17px;
						 }
			.wedding_l div:nth-child(5){
					 padding-bottom: 11px;
					 padding-top: 17px;
						 }
			.wedding_r{
					 width: 709px;
					 padding-top: 15px;
						 }
			.wedding_r .fl{
					 padding: 0 15px 15px 0;
						 }
			.wedding_r div:nth-child(3n){
					 padding-right: 0;
						 } 
			.wedding_r div:nth-child(4){padding-bottom: 0px;}
			.wedding_r div:nth-child(5){padding-bottom: 0px;}
			.wedding_r div:nth-child(6){padding-bottom: 0px;}
		</style>
	</head>
	<body>
		<!--以下是header区 -->
		<div class="w header">
		   <img src="img/header_01.gif" alt="" />
		</div>
		<div class="w ad1"><img src="img/header_02.gif"></div>
		<div class="w ad2"><img src="img/header_03.gif"></div>
		<!--以下是banner区 -->
		<div class="w banner ">
			<div class=" fl banner_l ">
			<div ><img src="img/banner_l.gif" alt=""></div>
			<div class="banner_ad">
					<div class="fl"><img src="img/hanner_ad_1.gif" alt="" ></div>
					<div class="fl "><img src="img/hanner_ad_2.gif" alt=""></div>
					<div class="fl "><img src="img/hanner_ad_3.gif" alt=""></div>
				</div>
			</div>
			<div class="fr banner_r ">
				<img src="img/banner_r.gif" alt="">
			</div>
		</div>
		<!-- 以下是main区-->
		<div class=" w main">
			<div class="title">
				<h3>品牌</h3>
			</div>
			<div class="brand">
				<div class="fl"><img src="img/brand_01.gif" alt=""></div>
				<div class="fl"><img src="img/brand_02.gif" alt=""></div>
				<div class="fl"><img src="img/brand_03.gif" alt=""></div>
				<div class="fl"><img src="img/brand_04.gif" alt=""></div>
			</div>
			<div class="title">
				<h3>风格</h3>
			</div>
			<!-- 以下是style区 -->
			<div class="style">
				<div class="fl style_l">
					<!-- <div class="fl"><img src="img/style_l_01.gif" alt=""></div> -->
					<div class="pink">
					  <div class="p1">
						<h4>太原婚纱照精选商家</h4>
					   <p>Featured businesses</p>
					  </div>
					  <div class="p2">
						<div class="fl"><h4>太原金夫人</h4></div>
						<div class="fl"><h4>幸福V摄影</h4></div>
						<div class="fl"><h4>罗亚摄影</h4></div>
						<div class="fl"><h4>爱萌18号</h4></div>
						<div class="fl"><h4>栖息创意水下摄影</h4></div>
						<div class="fl"><h4>布拉格</h4></div>
						<div class="fl"><h4>凯瑟琳摄影</h4></div>
						<div class="fl"><h4>佳丽新娘婚纱</h4></div>
						<div class="fl"><h4>爱尚婚纱摄影</h4></div>
						<div class="fl"><h4>卡罗摄影</h4></div>
					  </div>
					</div>
					<div class="fl"><img src="img/style_l_02.gif" alt=""></div>
				</div>
				<div class="style_r">
						<div class="fl"><img src="img/style_r_01.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_02.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_03.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_04.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_05.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_06.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_07.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_08.gif" alt=""></div>
						<div class="fl"><img src="img/style_r_09.gif" alt=""></div>
					
				</div>
			</div>
			<!-- 以下是user区 -->
					<div class="w user">
						<div class="word"><w1>用户晒单</w1></div>
						<div class="fl"><img src="img/user_01.gif" alt=""></div>
						<div class="fl"><img src="img/user_02.gif" alt=""></div>		
						<div class="fl"><img src="img/user_03.gif" alt=""></div>
						<div class="fl"><img src="img/user_04.gif" alt=""></div>
						<div class="fl"><img src="img/user_05.gif" alt=""></div>		
						<div class="fl"><img src="img/user_06.gif" alt=""></div>
						</div>
			<!-- 以下是wedding区 -->
					<div class="w wedding">
						<div class="title">
							<h3>婚庆</h3>
						</div>
						<div class="fl wedding_l">
							 <div><img src="img/wedding_l_01.gif" alt=""></div>	
							 <div class="word3"><w3>新春特惠抢先定</w3></div>		
							 <div class="word2"><w2>用户晒单</w2></div>
							 <div class="fl"><img src="img/wedding_l_02.gif" alt=""></div>
							 <div class="fl"><img src="img/wedding_l_03.gif" alt=""></div>
							 <div class="fl"><img src="img/wedding_l_04.gif" alt=""></div>
							 <div class="fl"><img src="img/wedding_l_05.gif" alt=""></div>	   
						</div>
						<div class="fl wedding_r">	
							<div class="fl"><img src="img/wedding_r_01.gif" alt=""></div>
							<div class="fl"><img src="img/wedding_r_02.gif" alt=""></div>
							<div class="fl"><img src="img/wedding_r_03.gif" alt=""></div>
							<div class="fl"><img src="img/wedding_r_04.gif" alt=""></div>
							<div class="fl"><img src="img/wedding_r_05.gif" alt=""></div>
							<div class="fl"><img src="img/wedding_r_06.gif" alt=""></div>
						</div>	
				   </div>
				   <div class="w"><img src="img/wedding.gif" alt=""></div>
				</body>
<html>
